<html>
<head>
	<script type="text/javascript">
		mxBasePath = '../../../javascript/src';
	</script>
	<script type="text/javascript" src="../../../javascript/src/js/mxClient.js"></script>
	<script type="text/javascript">
		function main(container)
		{
			var graph = new mxGraph(container);
			var parent = graph.getDefaultParent();
			
			graph.getModel().beginUpdate();
			try
			{
				var v1 = graph.insertVertex(parent, null, 'Hello,', 240, 20, 120, 80,
					'shape=image;image=http://www.jgraph.com/assets/img/drawlogo32.png;perimeter=rectanglePerimeter;');
			}
			finally
			{
				graph.getModel().endUpdate();
			}
			
			document.body.appendChild(mxUtils.button('+', function()
			{
				graph.zoomIn();
			}));
			document.body.appendChild(mxUtils.button('-', function()
			{
				graph.zoomOut();
			}));
		};
	</script>
</head>
<body onload="main(document.getElementById('graphContainer'))">
	<div id="graphContainer" style="overflow:hidden;width:641px;height:481px;border:1px solid gray;cursor:default;">
	</div>
</body>
</html>